كيفية استخدام مكون آية أو بيت الشعر في ووردبريس: دليل شامل للمحررين والمستخدمين المتقدمين

يُعد نظام إدارة المحتوى ووردبريس (WordPress) من أكثر الأدوات شيوعًا وفاعلية في إنشاء المحتوى على شبكة الإنترنت، ولا يخفى على أحد مدى قدرته على التكيّف مع مختلف أنواع المحتوى، سواء كان نصًا تقنيًا، أدبيًا، علميًا أو حتى دينيًا. ومن بين المزايا التي أتاحها ووردبريس للمستخدمين، برزت أهمية “مكونات المحتوى” (Blocks) في محرر غوتنبرغ (Gutenberg)، حيث تسمح بإنشاء تنسيقات غنية ومعبرة دون الحاجة إلى معرفة تقنية متقدمة.

ومن ضمن هذه المكونات، يظهر “مكون الآية” أو “بيت الشعر” كأداة فعّالة تتيح عرض النصوص الشعرية أو الآيات الدينية بطريقة جمالية ومنسقة تعكس طبيعة هذا النوع من المحتوى. في هذا المقال الموسّع، سنقدم شرحًا تفصيليًا لكيفية استخدام هذا المكون في محرر ووردبريس، بدءًا من الغرض منه، مرورا بطريقة الاستخدام، ووصولًا إلى أفضل الممارسات والنصائح لتحقيق أقصى استفادة ممكنة منه.

أولًا: ما هو مكون الآية أو بيت الشعر في ووردبريس؟

مكون “Verse” أو “آية/بيت الشعر” هو أحد المكونات الأساسية في محرر غوتنبرغ. تم تصميم هذا المكون خصيصًا لعرض النصوص التي تتطلب تنسيقًا خاصًا، مثل الأبيات الشعرية أو النصوص القرآنية أو أي محتوى يتطلب تنسيقًا سطريًا معينًا، حيث يحافظ على الفراغات والمسافات وتنسيقات الأسطر بشكل دقيق.

ويختلف هذا المكون عن المكون العادي للنص (Paragraph) في أنه لا يقوم بتحويل الفراغات والأسطر الجديدة إلى تنسيقات HTML افتراضية، بل يحتفظ بها كما هي. لذا فهو مثالي لعرض أبيات الشعر، أو تراتيل دينية، أو حتى شفرة نصية ذات طابع فني.

ثانيًا: الفرق بين مكون الفقرة ومكون الآية

ثالثًا: كيفية إدراج مكون الآية في محرر ووردبريس خطوة بخطوة

1. فتح محرر غوتنبرغ

ابدأ بالدخول إلى لوحة التحكم في ووردبريس، ثم اختر المقال أو الصفحة التي ترغب في تعديلها. تأكد من أنك تستخدم محرر غوتنبرغ وليس المحرر الكلاسيكي.

2. إضافة مكون جديد

• انقر على علامة “+” لإضافة مكون جديد.

• في شريط البحث الذي يظهر، اكتب كلمة “آية” أو بالإنجليزية “Verse”.

• انقر على المكون لتتم إضافته في المكان المطلوب.

3. كتابة النص داخل المكون

• ابدأ بكتابة بيت الشعر أو الآية داخل المكون.

• عند الضغط على Enter، سيتم الانتقال إلى سطر جديد بنفس التنسيق وبدون فقدان للفراغات.

• يمكن أيضًا استخدام الفراغات والمسافات البادئة لإعطاء تنسيق خاص لكل بيت أو جزء من النص.

4. تنسيق المكون

• يمكن التحكم في حجم الخط، نوعه، لون الخلفية، المحاذاة، والهوامش من الشريط الجانبي في محرر غوتنبرغ.

• إذا كنت تستخدم قالبًا يدعم تنسيقات خاصة، فغالبًا سيكون لمكون الآية تنسيق افتراضي أنيق متوافق مع القالب.

رابعًا: أمثلة عملية على استخدام مكون الآية

مثال 1: بيت شعر كلاسيكي

CopyEdit
إذا غامرتَ في شرفٍ مرومِ
فلا تقنعْ بما دونَ النجومِ

عند وضع هذا النص داخل مكون “الآية”، سيتم الحفاظ على التنسيق الشعري الكامل، مع وجود سطر مستقل لكل شطر، وهو ما لا يمكن تحقيقه بدقة باستخدام مكون الفقرة.

مثال 2: نص قرآني

CopyEdit
﴿وَقُلْ رَبِّ زِدْنِي عِلْمًا﴾

بإدراج هذه الآية داخل مكون الآية، فإن التنسيق سيُعرض بطريقة تليق بقدسية النص، ويمكن تخصيصه بخطوط مناسبة أو خلفية مختلفة لتمييزه عن باقي النص.

خامسًا: تخصيص مكون الآية لتلائم الذوق العام أو متطلبات النشر

رغم بساطة هذا المكون، إلا أن ووردبريس يتيح إمكانيات متقدمة لتخصيصه:

1. تعديل الخصائص عبر CSS

من خلال لوحة تخصيص القالب أو إضافة CSS مخصص، يمكن تغيير شكل مكون الآية ليتناسب مع الهوية البصرية للموقع. مثال:

css
CopyEdit
.wp-block-verse {
    font-family: "Amiri", serif;
    font-size: 20px;
    line-height: 2;
    background-color: #f4f4f4;
    padding: 15px;
    border-left: 5px solid #cccccc;
}

2. استخدام خطوط عربية مزخرفة

للمواقع ذات الطابع الأدبي أو الإسلامي، يمكن تحميل خطوط مثل خط “Amiri” أو “Lateef” عبر Google Fonts وربطها بمحرر ووردبريس للحصول على نتائج بصرية متميزة.

سادسًا: ممارسات مثالية عند استخدام مكون الآية

1. استخدام المكون فقط عندما يكون النص يتطلب تنسيقًا خاصًا: لا تفرط في استخدامه للنصوص العادية.

2. اختيار خط مناسب: الخطوط العربية الكلاسيكية تضفي جمالًا على النصوص الشعرية.

3. عدم إدراج مكون الآية داخل مكونات أخرى: مثل مكون الأعمدة أو الجداول، إذ قد يفقد خصائصه التنسيقية.

4. حماية النصوص من التعديل الآلي: تأكد من أن إعدادات القالب لا تقوم بتعديل التنسيق داخل هذا المكون.

5. إضافة ترويسات فرعية توضح نوع النص: مثل “بيت شعر”، “نص ديني”، لزيادة وضوح المحتوى لمحركات البحث والقراء.

سابعًا: الفرق بين استخدام مكون “آية” والمكونات الأخرى البديلة

ثامنًا: الحالات التي لا يُنصح فيها باستخدام مكون الآية

رغم مميزاته، لا يُنصح باستخدام مكون الآية في الحالات التالية:

• عند الرغبة في تضمين روابط أو وسائط متعددة داخل النص، حيث لا يدعم المكون ذلك مباشرة.

• عند الحاجة إلى تنسيق النص بشكل متقدم جدًا، مثل الأعمدة أو الخطوط المائلة داخل نفس السطر.

• في القوالب التي لا تدعم هذا المكون بشكل افتراضي، إذ قد يتسبب في عرض غير متناسق.

تاسعًا: إمكانية إضافة مكون الآية بشكل يدوي عبر HTML

يمكن إدراج مكون الآية أيضًا يدويًا باستخدام وسم

 داخل مكون HTML مخصص، كالتالي:

html
CopyEdit
<pre>
إذا الشّعْبُ يومًا أرادَ الحياةْ
فلا بُدَّ أنْ يستجيبَ القدرْ
pre>

لكن هذا يتطلب خبرة تقنية بسيطة، كما أنه لا يمنح جميع مزايا مكون الآية الجاهز في غوتنبرغ مثل إعدادات المحاذاة والخلفية والخط.

عاشرًا: تحسين مكون الآية لمحركات البحث (SEO)
1. استخدام الكلمات المفتاحية داخل المكون
عند عرض أبيات شعرية أو آيات دينية في مقالات، يجب التأكد من أن الكلمات المفتاحية تظهر في الترويسات المحيطة بالمكون وليس فقط داخل النص.
2. إضافة وصف توضيحي قبل المكون
يمكنك دائمًا وضع فقرة قصيرة تشرح خلفية النص المعروض، مما يساعد في تعزيز ترتيب المقال في نتائج البحث.
3. إضافة وسوم ALT إذا أُدرجت خلفيات أو صور مرافقة
عند تنسيق المكون بصريًا، تأكد من أن الخلفيات أو الإطارات المصاحبة يتم وصفها باستخدام وسوم ALT المناسبة، لتفادي فقدان التقييم من محركات البحث.

خاتمة تقنية
يُعتبر مكون الآية أو بيت الشعر في ووردبريس من الأدوات البسيطة والمباشرة، لكنه في نفس الوقت يمثل قيمة جمالية وثقافية عالية عند استخدامه بالشكل الصحيح. سواء كنت تدير مدونة أدبية، أو موقعًا ثقافيًا، أو تنشر محتوى دينيًا أو شعريًا، فإن هذا المكون يتيح لك إمكانية التعبير عن هذا النوع من النصوص بأقصى درجات الدقة والجمال. من خلال فهم طريقة عمل هذا المكون، وتطبيق أفضل الممارسات في استخدامه وتنسيقه، يمكن تحويل المحتوى إلى تجربة بصرية وقرائية أكثر عمقًا واحترافية.

المصادر:


WordPress.org - Gutenberg Blocks Documentation


CSS-Tricks - Preformatted Text and Verse Blocks